<!DOCTYPE html>
<!-- saved from url=(0037)http://5a8fa9a355aa9.t73.qifeiye.com/ -->
<html class="bit-html mobile-false js_active  vc_mobile  vc_transform  vc_transform  iphorm-js csstransforms csstransforms3d csstransitions no-touch"
      dir="ltr" lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>入职管理系统</title>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/index.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/js/vue-resource1.5.1"></script>
    <link type="text/css" rel="stylesheet" href="style/style.css">
    <script>
        $(document).ready(function () {
            $(".erweima").hide();
            $(".dakai").click(function () {
                $(".erweima").show();
            })
            $(".guanbi").click(function () {
                $(".erweima").hide();
            })

            $(".admin-more").hide();
            $(".xiala").click(function () {
                $(".admin-more").slideToggle();
            })
        });
    </script>

</head>
<body>
<div id="app">
    <!--头部-->
    <header>
        <div class="logo fleft"><img src="images/logo.png"/> 中移入职管理系统</div>
        <div class="nav fleft ulli">
            <ul>
                <li><a href="index.html" style="background-color:#2294DC;">首页</a></li>
                <li><a href="report.html">资料报到</a></li>
                <li><a href="input.html">信息录入</a></li>
                <li><a href="articles.html">办公用品</a></li>
                <li><a href="site.html">办公站点</a></li>
                <li><a href="software.html">软件支持</a></li>
                <li><a href="password.html">系统设置</a></li>
                <li><a href="JavaScript:" class="dakai">二维码</a></li>
            </ul>
        </div>
        <div class="search fleft"><input class="search-keyword" placeholder="搜索"></div>
        <div class="admin fleft"><img src="images/person.png"/><a href="JavaScript:" class="xiala"> {{user.username}}
            <img src="images/sanjx.png"/></a></div>

    </header>
    <!--头部-->

    <!--中间-->
    <div class="middle">
        <div class="middle-left fleft">
            <ul>
                <li>快捷导出</li>
                <li><a href="entry.html">入职列表</a></li>
                <li><a href="pay.html">薪酬信息</a></li>
                <li><a href="education.html">学历学位</a></li>
                <li><a href="number.html">账号信息</a></li>
            </ul>
        </div>
        <div class="middle-right fright ulli">
            <ul class="index-li">
                <li>
                    <div class="index-title">待信息录入<span><a href="#">全部></a></span></div>
                    <div class="index-table">
                        <table>
                            <tbody>
                            <tr valign="top" v-for="emp in reportEmp">
                                <td>● {{emp.employeeName}}</td>
                                <td>{{emp.employeeId}}</td>
                                <td>{{emp.department}}</td>
                                <td>信息未录入</td>
                                <td><a href="#">确认完成</a></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </li>
                <li>
                    <div class="index-title">待领取办公用品<span><a href="#">全部></a></span></div>
                    <div class="index-table">
                        <table>
                            <tbody>
                            <tr valign="top" v-for="emp in officeSuppliesStatusEmp">
                                <td>● {{emp.employeeName}}</td>
                                <td>{{emp.employeeId}}</td>
                                <td>{{emp.department}}</td>
                                <td>办公用品未领取</td>
                                <td><a href="#">确认完成</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </li>
                <li>
                    <div class="index-title">待开具办公站点<span><a href="#">全部></a></span></div>
                    <div class="index-table">
                        <table>
                            <tbody>
                            <tr valign="top" v-for="emp in officeSiteStatus">
                                <td>● {{emp.employeeName}}</td>
                                <td>{{emp.employeeId}}</td>
                                <td>{{emp.department}}</td>
                                <td>办公站点未开具</td>
                                <td><a href="#">确认完成</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </li>
                <li>
                    <div class="index-title">待电脑软件支持<span><a href="#">全部></a></span></div>
                    <div class="index-table">
                        <table>
                            <tbody>
                            <tr valign="top" v-for="emp in softwareStatus">
                                <td>● {{emp.employeeName}}</td>
                                <td>{{emp.employeeId}}</td>
                                <td>{{emp.department}}</td>
                                <td>电脑软件未安装</td>
                                <td><a href="#">确认完成</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </li>
                <!--<li>-->
                <!--<div class="index-title">已完成入职<span><a href="#">全部></a></span></div>-->
                <!--<div class="index-table">-->
                <!--<table>-->
                <!--<tbody>-->
                <!--<tr valign="top">-->
                <!--<td>● 唐小鸭</td>-->
                <!--<td>女</td>-->
                <!--<td>13800000000</td>-->
                <!--<td>后勤保障部</td>-->
                <!--<td>完成入职</td>-->
                <!--</tr>-->
                <!--<tr valign="top">-->
                <!--<td>● 唐小鸭</td>-->
                <!--<td>女</td>-->
                <!--<td>13800000000</td>-->
                <!--<td>后勤保障部</td>-->
                <!--<td>完成入职</td>-->
                <!--</tr>-->
                <!--<tr valign="top">-->
                <!--<td>● 唐小鸭</td>-->
                <!--<td>女</td>-->
                <!--<td>13800000000</td>-->
                <!--<td>后勤保障部</td>-->
                <!--<td>完成入职</td>-->
                <!--</tr>-->
                <!--<tr valign="top">-->
                <!--<td>● 唐小鸭</td>-->
                <!--<td>女</td>-->
                <!--<td>13800000000</td>-->
                <!--<td>后勤保障部</td>-->
                <!--<td>完成入职</td>-->
                <!--</tr>-->
                <!--<tr valign="top">-->
                <!--<td>● 唐小鸭</td>-->
                <!--<td>女</td>-->
                <!--<td>13800000000</td>-->
                <!--<td>后勤保障部</td>-->
                <!--<td>完成入职</td>-->
                <!--</tr>-->
                <!--<tr valign="top">-->
                <!--<td>● 唐小鸭</td>-->
                <!--<td>女</td>-->
                <!--<td>13800000000</td>-->
                <!--<td>后勤保障部</td>-->
                <!--<td>完成入职</td>-->
                <!--</tr>-->
                <!--</tbody>-->
                <!--</table>-->
                <!--</div>-->
                <!--</li>-->
            </ul>
            <div class="foot">Copyright © 中移（成都）产业研究院</div>
        </div>
    </div>
    <!--中间-->

    <!--蒙层-->
    <div class="erweima">
        <div class="index-ewm">
            <div class="table-title" style="border:none;"> 信息录入二维码地址 <span class="guanbi"><a
                    href="JavaScript:">✖</a></span></div>
            <img src="images/ewm.png"/>
        </div>
    </div>

    <div class="admin-more">
        <ul>
            <li><a href="#">设置</a></li>
            <li><a href="#">退出</a></li>
        </ul>
    </div>
    <!--蒙层-->
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            reportEmp: [],
            officeSuppliesStatusEmp: [],
            officeSiteStatus: [],
            softwareStatus: [],
            emp: {employeeId: ""},
            emps: [],
            user: {username: "123"}
        },
        created: function () {
            this.initTable();
            this.user = JSON.parse(this.get("loginUser")).data;
            console.log(this.user)
        },
        methods: {
            get: function (name) {
                var v = window.document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
                return v ? v[2] : null;
            },
            initTable: function () {
                //发送get请求
                this.$http.get('/employee/?types=1').then(function (res) {
                    this.reportEmp = res.body;
                }, function () {
                    console.log('请求失败处理');
                });

                this.$http.get('/employee/?types=3&officeSuppliesStatus=-1').then(function (res) {
                    this.officeSuppliesStatusEmp = res.body;
                }, function () {
                    console.log('请求失败处理');
                });

                this.$http.get('/employee/?types=3&officeSiteStatus=-1').then(function (res) {
                    this.officeSiteStatus = res.body;
                }, function () {
                    console.log('请求失败处理');
                });

                this.$http.get('/employee/?types=3&softwareStatus=-1').then(function (res) {
                    this.softwareStatus = res.body;
                }, function () {
                    console.log('请求失败处理');
                });
            }
        }
    });
</script>
</body>
</html>